<div  class="p_body">
    <div id="p_main-wrapper ">
        <!--头部-->
        <div class="p_header p_clear-fix">
            <div class="p_left">
                <a href="" class="p_go-back">返回</a>
            </div>
            <div class="p_center ">
                <h1 class="p_title">森永</h1>
            </div>
            <div class="p_right ">
                <a href="" class="p_icon-menu p_cat">右边</a>
            </div>
        </div>
        <!--头部  end-->
        <!--主体内容开始-->
        <div id="p_main-content">
            <!--首页产品菜单导航栏-->
            <div class="p_top-menu main-menu p_clear-fix">
                <div class="p_scroll-wrapper">
                    <div class="p_scroll-content">
                        <ul>
                            <li>
                                <a ng-href="#/index">首页</a>
                            </li>
                            <li>
                                <a ng-href="#/senyong" >森永</a>
                            </li>
                            <li>
                                <a ng-href="#/koufulai" class="active">口福莱</a>
                            </li>
                            <li>
                                <a ng-href="#/youman" class="">悠漫</a>
                            </li>
                        </ul>
                    </div>
                    <div class="p_more-left"></div>
                    <div class="p_more-right"></div>
                </div>
            </div>
            <!--首页产品菜单导航栏  end-->

            <!--信息切换栏-->
            <div class="p_filter-wrapper p_clear-fix">

                <ul class="p_filters">
                    <li>
                        <a href="">最新</a><span></span></li>
                    <li>
                        <a href="">价格</a><span></span></li>
                    <li>
                        <a href="">销量</a><span></span></li>
                </ul>

                <ul class="p_theme-switcher" >
                    <li><span data-type="two-col" class="two-col active" id="two"></span></li>
                    <li><span data-type="one-col" class="one-col " id="one"></span></li>
                    <li><span data-type="image" class="image" id="mge"></span></li>
                </ul>
            </div>
            <!--信息切换栏 结束-->

            <!--商品详情菜单-->
            <div class="p_products-list two-col  p_clear-fix" data-role="data-wrapper" id="p_view">
                <!--商品详情菜单-->
                <!--第一个-->
                <div class="p_product p_clear-fix">
                    <div class="p_prod-img">
                        <a href="">
                            <img src="http://img.mcshop.com.cn/c/640x640/uploads/2015-07-01/MsJ471435753779.jpg" width="640" height="640" alt="口福莱 意大利进口硬棒棒糖 13.5克 9支装">
                        </a>
                    </div>
                    <div class="p_prod-name">
                        <a href="">口福莱 意大利进口硬棒棒糖 13.5克 9支装</a>
                    </div>
                    <div class="p_prod-par-price">
                        <span>￥89.00</span>
                    </div>
                    <div class="p_prod-sale-price">
                        <span>￥69.00</span>
                    </div>
                    <div class="p_prod-sales-count">
                        <span>已售0件</span>
                    </div>
                </div>
                <!--第二个-->
                <div class="p_product p_clear-fix">
                    <div class="p_prod-img">
                        <a href="">
                            <img src="http://img.mcshop.com.cn/c/640x640/uploads/2015-07-01/xh6111435754139.jpg" width="640" height="640" alt="口福莱 意大利进口硬棒棒糖 13.5克 20支装">
                        </a>
                    </div>
                    <div class="p_prod-name">
                        <a href="">口福莱 意大利进口硬棒棒糖 13.5克 20支装</a>
                    </div>
                    <div class="p_prod-par-price">
                        <span>￥199.00</span>
                    </div>
                    <div class="p_prod-sale-price">
                        <span>￥149.00</span>
                    </div>
                    <div class="p_prod-sales-count">
                        <span>已售0件</span>
                    </div>
                </div>
                <!--第三个-->
                <div class="p_product p_clear-fix">
                    <div class="p_prod-img">
                        <a href="">
                            <img src="http://img.mcshop.com.cn/c/640x640/uploads/2015-07-01/3Sa211435754397.jpg" altwidth="640" height="640" alt="口福莱 意大利进口硬棒棒糖 13.5克 42支整盒装">
                        </a>
                        <div class="p_prod-name">
                            <a href="">口福莱 意大利进口硬棒棒糖 13.5克 42支整盒装</a>
                        </div>
                        <div class="p_prod-par-price">
                            <span>￥359.00</span>
                        </div>
                        <div class="p_prod-sale-price">
                            <span>￥299.00</span>
                        </div>
                        <div class="p_prod-sales-count">
                            <span>已售0件</span>
                        </div>
                    </div>
                </div>


                <!--商品详情菜单栏 end-->

            </div>
            <!--商品详情菜单栏 end-->
        </div>
        <!--主体内容结束-->
    </div>
</div>
<script >
    $(document).ready(function () {

        $('.two-col').click(function () {
            $('.one-col .image').hide();
            $('.two-col').show();
            // $("div.p_products-list").addClass("two-col");
        });
        $('.one-col').click(function () {
            $('.two-col .image').hide();
            $('.one-col').show();
            // $("div.p_products-list").addClass("one-col");
        });
        $('.image').click(function () {
            $('.one-col .two-col').hide();
            $('.image').show();
            // $("div.p_products-list").addClass("image");
        });
    })
</script>